<template>
<div class="PxPDHdiv1">
    <img src="../../../assets/phone/pxback.png" style="height:23px;width: 25px;" @click="goback">
    <el-dropdown class="div1mydropdown">
        <img src="../../../assets/phone/more.png" style="height:23px;width: 25px;">
        <el-dropdown-menu slot="dropdown" class="headerdropdown">
        <el-dropdown-item><div @click="gomainpage">
            <img src="../../../assets/icon/gohomepage.png" style="height:14px;width:14px">
            首页</div></el-dropdown-item>
        <el-dropdown-item ><div @click="gocartpage">
            <img src="../../../assets/icon/gocart.png" style="height:14px;width:14px">
            购物车</div></el-dropdown-item>
        <el-dropdown-item ><div @click="goorderpage">
            <img src="../../../assets/icon/myorder.png" style="height:14px;width:14px">
            订单</div></el-dropdown-item>
        </el-dropdown-menu>
    </el-dropdown>
</div>

</template>

<script>
export default {
    name:'PxPDHead',
    methods: {
        gomainpage(){this.$router.push({name:'PxMain'})},
        gocartpage(){this.$router.push({name:'PxCart'})},
        goorderpage(){this.$router.push({name:'PxOrderList'})},
        goback(){},
    }
};
</script>

<style scoped>
.PxPDHdiv1{
    z-index: 3;
    background-color: rgb(247, 247, 247);
    width: 100%;
}
.div1mydropdown{
    float: right;
}
</style>